<template>
  <div class="wrapper">
    <div class="left-page">
      <div class="cell-row">
        <MyStat/>
        <XxtxRow/>
      </div>
      <div class="cell-row">
        <BjChart/>
      </div>
    </div>
    <div class="right-page">
      <MyBacklog/>
    </div>
    <ToAcceptDialog/>
    <ProcessingDialog/>
  </div>
</template>
<script>
import Pubsub from "../../utils/pubsub";
import { tySmartCabinetInfo, tyAddHandle } from "../../config/api";
import MyStat from "../../components/pigeonholes/myStat.vue"; //我的统计
import XxtxRow from "../../components/pigeonholes/xxtxRow.vue"; //消息中心
import BjChart from "../../components/pigeonholes/bjChart.vue"; //分拣办结情况对比
import MyBacklog from "../../components/pigeonholes/myBacklog.vue"; //我的待办
import ToAcceptDialog from "../../components/pigeonholes/toAcceptDialog.vue"; //待受理
import ProcessingDialog from "../../components/pigeonholes/processingDialog.vue"; //督办弹窗

export default {
  components: {
    XxtxRow,
    BjChart,
    MyStat,
    MyBacklog,
    ToAcceptDialog,
    ProcessingDialog,
  },
  data() {
    return {
      keywords: "",
      dbList: []
    };
  },
  mounted() {
    //待办事项列表
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
.wrapper {
  display: flex;
}
.left-page {
  flex: 2;
  padding: 20px 30px 20px 20px;

  .cell-row {
    display: flex;
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
}
.right-page {
  flex: 1;
  background: #fff;
  // padding: 25px 30px 0 30px;
}
</style>
